<template>
  <view class="order-item-cell">
    <view class="order-item-cell-title">
      {{ label }}
    </view>
    <view class="order-item-cell-content">
      <slot></slot>
    </view>
  </view>
</template>

<script setup name="orderItemCell">
  defineProps({
    label: String,
  })
</script>

<style lang="less" scoped>
  .order-item-cell {
    display: flex;
    align-items: flex-start;
    font-size: 30rpx;
    line-height: 40rpx;
    margin: 16rpx 0;

    &-title {
      width: 132rpx;
      max-width: 132rpx;
      color: #8491a8;
      font-size: 24rpx;
      margin-right: 20rpx;
    }

    &-content {
      flex: 1;
      font-size: 24rpx;
      color: #191c27;
    }
  }
</style>
